<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit"/>
<meta name="Keywords" content="韩都衣舍,韩都衣舍官网,韩都衣舍官方,实体店,旗舰店,韩都衣舍淘宝店,淘宝网韩都衣舍" />
<meta name="Description" content="韩都衣舍官网—韩都衣舍官方旗舰店，韩风快时尚第一品牌。逛韩都衣舍实体店or韩都衣舍淘宝网店？得先进韩都衣舍官网旗舰店。韩都衣舍网上商城支持货到付款，7天无理由退换货。" />
<meta property="qc:admins" content="165753362560341456375" />
<meta property="wb:webmaster" content="4685b40c88b09b15" />
<title>韩都衣舍HSTYLE网-韩都衣舍官方店,韩都衣舍官网旗舰店,韩都衣舍淘宝网店</title>
<link rel="shortcut icon"  th:href="@{/images/favicon.ico}"  href="../images/favicon.ico"/>

<link th:href="@{/css/handu_base.css}" href="css/handu_base.css" rel="stylesheet" type="text/css"/>

<link rel="stylesheet" type="text/css" th:href="@{/index/css/web_index.css}"   href="css/web_index.css" />
<link rel="stylesheet" media="screen and (max-width:1200px)" th:href="@{/index/css/index_small.css}"  href="css/index_small.css"/>
<script src="../js/jquery-1.9.1.min.js"  th:src="@{/js/jquery-1.9.1.min.js}"></script>
<script src="../js/common.js" th:src="@{/js/common.js}"></script>
<script src="js/jquery.slide.js" th:src="@{/index/js/jquery.slide.js}"></script>
<script src="js/jquery.lazyload.js" th:src="@{/index/js/jquery.lazyload.js}"></script>
<script src="../js/jquery.cookie.js" th:src="@{/js/jquery.cookie.js}"></script>
<script src="../js/boss.js" th:src="@{/js/boss.js}"></script>
<style>
/*泰山压顶*/
.seven{
  width: 100%;
  height:450px;
  background: url(http://img01.handu.com/hdysweb/20140307/zg/1920-450.jpg) no-repeat top center;
}
</style>


<script th:inline="javascript">
/*<![CDATA[*/
   $(document).ready(function() {
		var account = $.cookie('luna_session_name');
		if(account != null || account != ""){
			$("#username").html(account);
		}
	});
	
var st=[];
$(function() {
  /*延迟加载*/
  $("img.lazy").lazyload({ placeholder: "/images/common/1.png", effect:"fadeIn" });
  
  /*轮播*/
  /*$.st('#index_lb li','#index_lb .content',{
    'mode':'fade',
    'time':3,
    'Cmouseover':'wait'
  });*/
  
   st[1] = $.st('.tab1>li','#index_lb1>li',{
      'time':3,
      'Cmouseover':'wait'
    });
   st[2] = $.st('#index_lb2 .tab2>li','#index_lb2 .content',{
      'mode':'fade',
      'time':3,
      'Cmouseover':'wait'
    });
   st[3] = $.st('#index_lb3 .tab3>li','#index_lb3 .content>li',{
      'time':3,
      'Cmouseover':'wait'
    });

   /*全部分类*/
   $("#lb_index .num1>li").hover(function(){
      $("#lb_index .cate_comn.index").show();
      $(this).addClass("on");
      $("#lb_index .tab1>li").removeClass("on");
      st[1].stop();
    },function(){
      st[1].start();
      $("#lb_index .tab1>li").eq(0).addClass("on");
      $(this).removeClass("on");
      $("#lb_index .cate_comn.index").hide();
    });
});
/*轮播2 按钮事件*/
function change_lb2(flag){
 st[2].slide_to(flag);
}

	/*]]>*/
</script>

</head>
<body>
<!--浏览器版本判断-->

<!--[if IE 6]>
<div id="ie6_upgrade_tip" >
    <div class="ie6_tips">温馨提示：尊敬的用户，现在检测到您正在使用IE6浏览器。为了确保您的购物安全和更好的用户体验，请<a class="se6_download" style="color:#1C79A1" href="http://chrome.360.cn/" target="_blank">下载360极速浏览器</a>或者升级更高版本的IE浏览器</div>
    <div id="yellowtipclose" style="display:none;"></div>
</div>
<![endif]-->

<!--浏览器版本判断 end-->

<!--seven 泰山压顶-->
<!--<a href='http://www.handu.com/topic-423.html' target='_blank'><div class='seven'></div></a>-->
<!--seven--> 

<!--标准顶通
<a href="http://www.handu.com/topic-1007.html" target="_blank"><div style=" margin:0 auto; height:100px; background:url(http://img01.handu.com/hdysweb/20140506/dingtong02.jpg) center top no-repeat;"></div></a>-->

<!--大顶通-->
<div class="dt">
  <div style="height:100px; background:url(/index/images/36.jpg) no-repeat center center;">
    <!--关闭按钮-->
    <div class="dt_990">
      <a href="http://www.handu.com/topic-423.html" target="_blank" style="width:96.6%; display:inline-block; height:100px; position:absolute; top:0; left:0"></a>
     <a href="javascript:closeDt();" style="width:20.8%;display:inline-block;height:100px;position:absolute;top:0;right:0"></a>
    </div>
  </div>
  <!--<a href="http://www.handu.com/topic-1021.html" target="_blank">
    <div style="height:100px; background:url(http://img01.handu.com/hdysweb/20140327/taishan/tai_02.jpg) center top no-repeat;"></div>
  </a>
  <a href="http://www.handu.com/topic-1021.html" target="_blank">
    <div style="height:100px; background:url(http://img01.handu.com/hdysweb/20140327/taishan/tai_03.jpg) center top no-repeat;"></div>
  </a>-->
</div>

<!-- 头部 -->
 <div th:replace="layout :: public_header"></div>

<!--首页轮播-->
<div id="lb_index">
    <!--商品分类-->
    <div class="showCate">
      <!--全部分类-->
      <ul class="tab num1">
        <li class="item it1">
          <h1>全部分类</h1>
          <p> 
            <a th:href="@{'/search/index?order=PRICE&amp;direction=ASC'}">按价格</a>
            <a th:href="@{'/search/index/?order=SALESVOLUME&amp;direction=DESC'}">按销量</a>
            <a th:href="@{'/search/index/?CREATED&amp;direction=DESC'}">按时间</a>
          </p>
          <div class="cate_comn index">
            <div class="cate">
              <dl>
                <dt>韩风女装</dt>
                <dd> 
                  <a href="" target="_blank">T恤/打底衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">衬衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">卫衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">雪纺/蕾丝衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">针织衫/毛衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">棉衣/羽绒服</a>
                  <em class="line"></em>
                  <a href="" target="_blank">风衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">毛呢/外套</a>
                  <em class="line"></em>
                  <a href="" target="_blank">小西装</a>
                  <em class="line"></em>
                  <a href="" target="_blank">套装</a>
                  <em class="line"></em>
                  <a href="" target="_blank">情侣装</a>
                  <em class="line"></em>
                  <a href="" target="_blank">连衣裙</a>
                  <em class="line"></em>
                  <a href="" target="_blank">半身裙</a>
                  <em class="line"></em>
                  <a href="" target="_blank">牛仔裤</a>
                  <em class="line"></em>
                  <a href="" target="_blank">休闲裤</a>
                  <em class="line"></em>
                  <a href="" target="_blank">打底裤</a>
                  <em class="line"></em>
                  <a href="" target="_blank">哈伦裤</a>
                  <em class="line"></em>
                  <a href="" target="_blank">短裤</a>
                </dd>
              </dl>
              <dl>
                <dt>优雅女装</dt>
                <dd> 
                  <a href="" target="_blank">T恤/打底衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">衬衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">卫衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">雪纺/蕾丝衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">针织衫/毛衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">棉衣/羽绒服</a>
                  <em class="line"></em>
                  <a href="" target="_blank">风衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">毛呢/外套</a>
                </dd>
              </dl>
              <dl>
                <dt>时尚男装</dt>
                <dd> 
                  <a href="" target="_blank">T恤/打底衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">衬衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">卫衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">雪纺/蕾丝衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">针织衫/毛衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">棉衣/羽绒服</a>
                  <em class="line"></em>
                  <a href="" target="_blank">风衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">毛呢/外套</a>
                </dd>
              </dl>
              <dl>
                <dt>可爱童装</dt>
                <dd> 
                  <a href="" target="_blank">T恤/打底衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">衬衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">卫衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">雪纺/蕾丝衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">针织衫/毛衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">棉衣/羽绒服</a>
                  <em class="line"></em>
                  <a href="" target="_blank">风衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">毛呢/外套</a>
                </dd>
              </dl>
            </div>
            <em></em>
            <div class="cate">
              <dl>
                <dt>欧美女装</dt>
                <dd> 
                  <a href="" target="_blank">T恤/打底衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">衬衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">卫衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">雪纺/蕾丝衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">针织衫/毛衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">棉衣/羽绒服</a>
                  <em class="line"></em>
                  <a href="" target="_blank">风衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">毛呢/外套</a>
                </dd>
              </dl>
              <dl>
                <dt>复古女装</dt>
                <dd> 
                  <a href="" target="_blank">T恤/打底衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">衬衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">卫衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">雪纺/蕾丝衫</a>
                  <em class="line"></em>
                  <a href="" target="_blank">针织衫/毛衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">棉衣/羽绒服</a>
                  <em class="line"></em>
                  <a href="" target="_blank">风衣</a>
                  <em class="line"></em>
                  <a href="" target="_blank">毛呢/外套</a>
                </dd>
              </dl>
               <div class="logo">
                <a href="">
                  <img th:src="@{'/index/images/common/lb_index/hstyle.png'}" alt=""/>
                </a>
                <a href="">
                  <img th:src="@{'/index/images/common/lb_index/soneed.png'}" alt=""/>
                </a>
                <a href="">
                  <img th:src="@{'/index/images/common/lb_index/amh.png'}" alt=""/>
                </a>
                <a href="">
                  <img th:src="@{'/index/images/common/lb_index/mini.png'}" alt=""/>
                </a>
                <a href="">
                  <img th:src="@{'/index/images/common/lb_index/nibbuns.png'}" alt=""/>
                </a>
                <a href="">
                  <img th:src="@{'/index/images/common/lb_index/mam.png'}" alt=""/>
                </a>
                <a href="">
                  <img th:src="@{'/index/images/common/lb_index/sulv.png'}" alt=""/>
                </a>
                <a href="">
                  <img th:src="@{'/index/images/common/lb_index/hdsch.png'}" alt=""/>
                </a>
              </div> 
            </div>
          </div>
        </li>
      </ul>
      <!--其它分类-->
      <ul class="tab tab1">
        <li class="item it2 it3 on">
          <h1>热门品牌</h1>
          <p>
            <a href="">Hstyle</a>
            <a href="">AMH</a>
            <a href="">素缕</a>
          </p>
          <!--分类明细-->
          <div class="cate_dtl">
            <!--轮播3 品牌logo-->
            <div id="index_lb3">
              <ul class="content">
                <li>
                  <a target="_blank" title="">
                    <img th:src="@{'/index/images/common/lb_index/hstyle.jpg'}" alt="" title="" width="112" height="62"/>
                  </a>
                  <a target="_blank" title="">
                    <img th:src="@{'/index/images/common/lb_index/amh.jpg'}" alt="" title="" width="112" height="62"/>
                  </a>
                  <a target="_blank" title="">
                    <img th:src="@{'/index/images/common/lb_index/sonned.jpg'}" alt="" title="" width="112" height="62"/>
                  </a>
                  <a target="_blank" title="">
                    <img th:src="@{'/index/images/common/lb_index/nibbuns.jpg'}" alt="" title="" width="112" height="62"/>
                  </a>
                  <a target="_blank" title="">
                    <img th:src="@{'/index/images/common/lb_index/mini.jpg'}" alt="" title="" width="112" height="62"/>
                  </a>
                </li>
                <li>
                  <a target="_blank" title="">
                    <img th:src="@{'/index/images/common/lb_index/mam.jpg'}" alt="" title="" width="112" height="62"/>
                  </a>
                  <a target="_blank" title="">
                    <img th:src="@{'/index/images/common/lb_index/sulv.jpg'}" alt="" title="" width="112" height="62"/>
                  </a>
                </li>
              </ul>
              <ul class="tab3">
                <li class="on"></li>
                <li></li>
              </ul>
            </div>
            <!--轮播3 end-->
          </div>
          <!--分类明细 end-->
        </li>
        <li class="item it1">
          <h1 class="icon"><i class="n1"></i>女装 
            <span>  
              <a href="">连衣裙</a>
              <a href="">T恤</a>
            </span>
          </h1>
          <!--分类明细-->
          <div class="cate_dtl">
            <h1 class="nv">精品女装</h1>
            <p>
              <a href="" target="_blank" class="hot">T恤/打底衫</a>
              <a href="" target="_blank" class="a2">衬衣</a>
              <a href="" target="_blank" class="hot">雪纺/蕾丝衫</a>
              <a href="" target="_blank" class="a2">卫衣</a>
              <a href="" target="_blank">针织衫/毛衣</a>
              <a href="" target="_blank" class="a2">风衣</a>
              <a href="" target="_blank">棉衣/羽绒服</a>
              <a href="" target="_blank" class="a2">短裤</a>
              <a href="" target="_blank">毛呢/外套</a>
              <a href="" target="_blank" class="a2">西装</a>
              <a href="" target="_blank">情侣装</a>
              <a href="" target="_blank" class="a2">套装</a>
              <a href="" target="_blank" class="hot">连衣裙</a>
              <a href="" target="_blank" class="a2 hot">半身裙</a>
              <a href="" target="_blank">牛仔裤</a>
              <a href="" target="_blank" class="a2">休闲裤</a>
              <a href="" target="_blank">打底裤</a>
              <a href="" target="_blank" class="a2">哈伦裤</a>
            </p>
            <!--详细分类栏广告图-->
            <div class="gg">
              <img th:src="@{'/index/images/女装.jpg'}" alt="" title="" width="120" height="180"/>
            </div>
            <!--详细分类栏广告图 end-->
          </div>
          <!--分类明细 end-->
        </li>
        <li class="item it2">
          <h1 class="icon"><i class="n2"></i>男装
            <span>  
              <a href="">连衣裙</a>
              <a href="">T恤</a>
            </span>
          </h1>
           <!--分类明细-->
          <div class="cate_dtl">
            <h1 class="amh">时尚男装</h1>
            <p>
              <a href="" target="_blank" class="hot">T恤</a>
              <a href="" target="_blank" class="a2">衬衫</a>
              <a href="" target="_blank" class="hot">POLO衫</a>
              <a href="" target="_blank" class="a2">卫衣</a>
              <a href="" target="_blank">毛衣/针织衫</a>
              <a href="" target="_blank" class="a2">夹克</a>
              <a href="" target="_blank">外套/西装</a>
              <a href="" target="_blank" class="a2">风衣</a>
              <a href="" target="_blank">棉衣/羽绒服</a>
              <a href="" target="_blank" class="a2">马甲</a>
              <a href="" target="_blank">牛仔裤</a>
              <a href="" target="_blank" class="a2">休闲裤</a>
              <a href="" target="_blank" class="hot">短裤</a>
            </p>
            <!--详细分类栏广告图-->
            <div class="gg">
              <img th:src="@{'/index/images/男装.jpg'}" alt="" title="" width="120" height="180"/>
            </div>
            <!--详细分类栏广告图 end-->
          </div>
          <!--分类明细 end-->
        </li>
        <li class="item it1">
          <h1 class="icon"><i class="n3"></i>童装
            <span>  
              <a href="">连衣裙</a>
              <a href="">T恤</a>
            </span>
          </h1>
          <!--分类明细-->
          <div class="cate_dtl">
            <h1 class="mini">可爱童装</h1>
            <p>
              <a href="" target="_blank" class="hot">T恤</a>
              <a href="" target="_blank" class="a2">衬衫</a>
              <a href="" target="_blank" class="hot">毛衣</a>
              <a href="" target="_blank" class="a2">套装</a>
              <a href="" target="_blank">毛呢/外套</a>
              <a href="" target="_blank" class="a2">针织衫</a>
              <a href="" target="_blank">卫衣</a>
              <a href="" target="_blank" class="a2">棉衣</a>
              <a href="" target="_blank">连衣裙</a>
              <a href="" target="_blank" class="a2">半身裙</a>
              <a href="" target="_blank">打底裤</a>
              <a href="" target="_blank" class="a2">休闲裤</a>
              <a href="" target="_blank">牛仔裤</a>
              <a href="" target="_blank" class="a2 hot">短裤</a>
            </p>
            <!--详细分类栏广告图-->
            <div class="gg">
              <img th:src="@{'/index/images/童装.jpg'}" alt="" title="" width="120" height="180"/>
            </div>
            <!--详细分类栏广告图 end-->
          </div>
          <!--分类明细 end-->
        </li>
        <li class="item it2">
          <h1 class="icon"><i class="n4"></i>韩风妈妈装</h1>
          <!--分类明细-->
          <div class="cate_dtl">
            <h1 class="mam">妈妈装</h1>
            <p>
              <a href="" target="_blank" class="hot">衬衫/雪纺衫</a>
              <a href="" target="_blank" class="a2">T恤</a>
              <a href="" target="_blank">外套/小西装</a>
              <a href="" target="_blank" class="a2">套装</a>
              <a href="" target="_blank">针织衫/开衫</a>
              <a href="" target="_blank" class="a2">裤装</a>
              <a href="" target="_blank" class="hot">裙装</a>
            </p>
            <!--详细分类栏广告图-->
            <div class="gg">
              <img th:src="@{'/index/images/妈妈装.jpg'}" alt="" title="" width="120" height="180"/>
            </div>
            <!--详细分类栏广告图 end-->
          </div>
          <!--分类明细 end-->
        </li>
        <li class="item it1">
          <h1 class="icon"><i class="n5"></i>鞋子</h1>
        </li>
        <li class="item it2">
          <h1 class="icon"><i class="n6"></i>包包</h1>
        </li>
        <li class="item it1">
          <h1 class="icon"><i class="n7"></i>配饰</h1>
        </li>
      </ul>
    </div>
    <!--右侧栏-->
    <div class="scr_rt">
      <ul id="index_lb1">
        <!--item1 热门品牌-->
        <li class="content" style="display:block;">
          <!--大广告栏-->
           <th:block th:each="data : ${allAds}">        
              <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_hot_brand'">               
                <div class="ad" th:each="subdata : ${data2}" th:if="${data2Stat.index==0}">
                  <a href="" target="_blank" th:href="@{${subdata.advertiseLink}}">
                    <img src="images/热门品牌.jpg" th:src="@{${subdata.advertiseImageUrl}}"  width="1010" height="450"/>
                  </a>
                </div>
              </th:block>
           </th:block>
         
          <!--大广告栏 end-->
        </li>
        <!--item2 女装-->
        <li class="content lb_990">
          <!--大广告栏-->
          <div class="ad">
            <!--轮播2-->
            <div id="index_lb2">
            <th:block th:each="data : ${allAds}">        
              <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_hstyle'">               
                 <div class="content" style="display:block;" th:each="subdata : ${data2}" th:if="${data2Stat.index==0}">
                   <a rel="nofollow" target="_blank" href="" th:href="@{${subdata.advertiseLink}}">
                     <img src="images/女装-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}"  alt="" title="" th:title="@{${subdata.advertiseName}}" width="780" height="450"/>
                   </a>
                 </div>
                 <div class="content" th:each="subdata : ${data2}" th:if="${data2Stat.index==1}">
                    <a rel="nofollow" target="_blank" href=""  th:href="@{${subdata.advertiseLink}}">
                      <img src="images/女装-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}" alt="" title="" th:title="@{${subdata.advertiseName}}" width="780" height="450"/>
                    </a>
                 </div>
                 <div class="content" th:each="subdata : ${data2}" th:if="${data2Stat.index==2}">
                   <a rel="nofollow" target="_blank" href="" th:href="@{${subdata.advertiseLink}}">
                     <img src="images/女装-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}"  alt="" title="" th:title="@{${subdata.advertiseName}}" width="780" height="450"/>
                   </a>
                 </div>
               </th:block>
             </th:block>  
              <ul class="tab2">
                <li class="on">1</li>
                <li>2</li>
                <li>3</li>
              </ul>
              <div class="btn pre_btn" onclick="change_lb2('prev');"></div>
              <div class="btn next_btn" onclick="change_lb2('next');"></div>
            </div>
            <!--轮播2 end-->
            <!--右侧小广告栏-->
            <div class="fr_img">                      
               <th:block th:each="data : ${allAds}">        
                 <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_hstyle'">
                   <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==3}">            
                     <img  th:src="@{${subdata.advertiseImageUrl}}" class="sad5 lazy" width="200" height="253" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                   </a>
                   <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==4}">            
                     <img  th:src="@{${subdata.advertiseImageUrl}}" class="sad9 lazy" width="200" height="160" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                   </a>
                   <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==5}">            
                     <img  th:src="@{${subdata.advertiseImageUrl}}"  class="sad9 lazy" width="200" height="160" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                   </a>
                 </th:block> 
               </th:block>
             </div>
            <!--右侧小广告栏 end-->
          </div>
          <!--大广告栏 end-->
        </li>
        <!--item3 男装-->
        <li class="content">
          <!--大广告栏-->
          <th:block th:each="data : ${allAds}">        
              <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_amh'">               
                <div class="ad" th:each="subdata : ${data2}" th:if="${data2Stat.index==0}">
                  <a href="" target="_blank" th:href="@{${subdata.advertiseLink}}">
                    <img src="images/男装-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}" width="1010" height="450"/>
                  </a>
                </div>
              </th:block>
          </th:block>           
          <!--大广告栏 end-->
        </li>
        <!--item4 童装-->
        <li class="content">
          <!--大广告栏-->
          <th:block th:each="data : ${allAds}">        
              <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_minizaru'">               
                <div class="ad" th:each="subdata : ${data2}" th:if="${data2Stat.index==0}">
                  <a href="" target="_blank" th:href="@{${subdata.advertiseLink}}">
                    <img src="images/童装-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}" width="1010" height="450"/>
                  </a>
                </div>
              </th:block>
          </th:block>
          <!--大广告栏 end-->
        </li>
        <!--item5 中老年装-->
        <li class="content">
          <!--大广告栏-->
          <th:block th:each="data : ${allAds}">        
              <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_old'">               
                <div class="ad" th:each="subdata : ${data2}" th:if="${data2Stat.index==0}">
                  <a href="" target="_blank" th:href="@{${subdata.advertiseLink}}">
                    <img src="images/妈妈装-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}" width="1010" height="450"/>
                  </a>
                </div>
              </th:block>
          </th:block>
          <!--大广告栏 end-->
        </li>
        <!--item6 鞋子-->
        <li class="content">
          <th:block th:each="data : ${allAds}">        
              <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_shoes'">               
               <a href="" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==0}">
                  <img src="images/鞋子-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}" width="1010" height="450"/>
               </a>
              </th:block>
          </th:block>          
        </li>
        <!--item7 包包-->
        <li class="content">
          <th:block th:each="data : ${allAds}">        
            <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_bags'">               
               <a href="" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==0}">
                  <img src="images/包包-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}" width="1010" height="450"/>
               </a>
            </th:block>
          </th:block>  
        </li>
        <!--item8 配饰-->
        <li class="content" style="display:block;">
         <th:block th:each="data : ${allAds}">        
            <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='lb_accessories'">               
               <a href="" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==0}">
                  <img src="images/配饰-活动.jpg" th:src="@{${subdata.advertiseImageUrl}}" width="1010" height="450"/>
               </a>
            </th:block>
         </th:block>
        </li>
      </ul>
    </div>
</div>
<!---header end-->

<div class="wrap">
  
  <!--通告top-->
  <!--<a href="http://www.handu.com/topic-1033.html" target="_blank"><img src="http://img01.handu.com/hdysweb/20140312/jp/gg.jpg" style="margin:10px 0 10px 0;"/></a>-->

  <!--视频-->
  <div style="width:1200px;height:421px;min-width:1200px; background:url(http://img01.handu.com/hdysweb/20140421/NB/qzxx.jpg) 700px top no-repeat #ffe5e2;">
    <div style=" margin:0 auto; width:1180px; height:421px; position:relative;">
      <img th:src="@{'/index/images/common/sp_bg.jpg'}" style="margin-top:5px;cursor:pointer;" onclick="addmov();"/>
      <div style="width:670px; height:411px;top:5px;left:0px;position:absolute;cursor:pointer;" class="mov"  onclick="addmov();">
      </div>
    </div>
  </div>
  <!--- TIPS  -->
  <!--<div id="yellowtip" style="width:1198px; background-color: rgb(254, 246, 227); border:1px solid  rgb(229, 205, 150);  height: 33px;margin: 20px auto 10px;">
      <div style="margin:0 auto;width:100%;line-height:33px;text-align:center;color:#82654D;font-size:15px;color: #c80a28;font-weight: bold;">温馨提示：尊敬的会员，近期有不法分子假借韩都衣舍名义，通过各种手段进行诈骗、推销，请大家加强防范以免上当！
      详情<a class="se6_download" style="color:#1C79A1" href="topic-695.html" target="_blank">请点击&gt;&gt;</a>
      </div>
      <div id="yellowtipclose" style="display:none;"></div>
  </div>-->
 <!--- TIPS  end-->

  <!--热门活动推荐--> 
  <div class="brand_collect" unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
    <h1 class="t1"></h1>
    <h1 class="t2"></h1>
    <div class="brands">
      <div class="line"></div>
      <th:block th:each="data : ${allAds}">
	     <a th:each="subdata : ${data.value}" th:if="${data.key == 'index_right'}" href="http://www.handu.com/topic-1021.html" th:href="@{${subdata.advertiseLink}}"  target="_blank" class="a_brand">
	        <img src="images/01.jpg"  th:src="@{${subdata.advertiseImageUrl}}" alt="" th:title="${subdata.advertiseName}" width="294" height="314"/>
	     </a>
      </th:block>     	     
     </div>
      <!--每日促销-->
      <div class="eday_sale"> 
       <ul class="eday_sale_con" style="margin-left:-258px;">  
        <th:block th:each="dataAll : ${TopicEachModuleGoods}">         
          <li th:each="data : ${dataAll.value}" th:if="${dataAll.key == 'aa'}">
            <div class="img">
              <a th:href="@{'/goods/'+${data.id}}" title="" th:title="${data.name}" target="_blank">
                <img  th:src="@{${contextPath} + ${data.goodsPic}}" alt="" title="" th:title="${data.name}"/>
              </a>
              <div class="img_footer bg"></div>
              <div class="img_footer">
                <span class="arrow" th:text="${#strings.replace((data.showPrice/data.marketPrice*10 +''),'^\.0*$','') +'折'}">5.3折</span>
                <span class="name" th:text="${data.name}"></span>
              </div>
            </div>
            <div class="img_info">
              <div class="price">
                <span class="new_price" th:inline="text"><span class="arrow">￥</span>[[${data.showPrice}]]</span>
                <del th:inline="text">￥[[${data.marketPrice}]]</del>
              </div>
              <div class="count">
                <span th:text="'限量'+${data.goodsStore}+'件'">限量587件</span>
              </div>
            </div>
           </li> 
         </th:block>       
        </ul>
        
        <div class="l_btn" onclick="eday_s('-1')"></div>
        <div class="r_btn" onclick="eday_s('+1')"></div>
      </div>
      <!--每日促销 end-->       
  </div>
    
  <!--临时活动区域-->
  <!--<div class="active_temp">
    <a href="" target="_blank" class="a_img"><img data-original="images/2.jpg" class="lazy" width="392" height="272" alt="" title=""/></a>
    <a href="" target="_blank" class="a_img"><img ata-original="images/2.jpg" class="lazy" width="392" height="272" alt="" title=""/></a>
    <a href="" target="_blank" class="a_img last"><img data-original="images/2.jpg" class="lazy" width="392" height="272" alt="" title=""/></a>
  </div>-->

  <!--新品上市-->
  <div class="floor" id="new_arrial" th:replace="index/newProductsListed :: newProductsListed"></div>

<!--手机端广告位  th:src="${subdata.advertiseImageUrl}"-->
<th:block th:each="data : ${allAds}">	     
  <a href="http://www.handu.com/topic-1086.html" title="花季女孩" target="_blank"  th:each="subdata : ${data.value}" th:if="${data.key=='MobilePhone '}">
   <div id="app_banner"  style="background:url(/index/images/40.jpg) no-repeat right center;" th:utext="${subdata.description}"></div>
  </a>
</th:block> 
 
      
      

  <!--女装专区-->
  <div class="floor" id="floor1">
    <h1>
      <!--关键字-->
      <div class="keyWord fr">
      <th:block th:each="data : ${allAds}">
        <a target="_blank" href="" th:each="subdata : ${data.value}" th:if="${data.key=='hstyle_keywords'}" th:href="@{${subdata.advertiseLink}}" th:utext="@{${subdata.advertiseName}}"></a>
      </th:block>	
      </div>
    </h1>
    <!--专区内容  th:with="${moduleName = HSTYLE_AdPositionId}"-->
    <div class="floor_con">    
      <div class="nav_bar"> 
      <!--左侧广告--> 
      <th:block  th:with="moduleName=HSTYLE_AdPositionId">     
         <div class="s_img" th:replace="index/brandModule :: brandModuleLeft" ></div>
      </th:block>
        
        <!--热门分类-->
        <div class="s_cate">
          <!--分类1-->
          <div class="s_cate1">
            <a href="category-242-b0.html" title="T恤/打底衫" target="_blank">T恤/打底衫</a>
            <a href="category-247-b0.html" title="连衣裙" target="_blank">连衣裙</a>
            <a href="category-249-b0.html" title="牛仔裤" target="_blank">牛仔裤</a>
            <a href="category-254-b0.html" title="雪纺/蕾丝衫" target="_blank">雪纺/蕾丝衫</a>
            <a href="category-248-b0.html" title="半身裙" target="_blank">半身裙</a>
            <a href="category-253-b0.html" title="短裤" target="_blank">短裤</a>
          </div>
          <!--分类2-->
          <div class="s_cate2">
            <a href="category-366-b0.html" title="上装" target="_blank">上装</a>
            <a href="category-367-b0.html" title="裤装" target="_blank">裤装</a>
            <a href="category-368-b0.html" title="裙装" target="_blank">裙装</a>
            <a href="category-369-b0.html" title="配饰" target="_blank">配饰</a>
            <a href="category-370-b0.html" title="鞋子" target="_blank">鞋子</a>
            <a href="category-371-b0.html" title="箱包" target="_blank">箱包</a>
          </div>
        </div>
      </div>
      <div class="R fl">
        <th:block  th:with="moduleName=HSTYLE_AdPositionId , class1='sad1 lazy' , class2='sad2 lazy', class3='sad3 lazy'">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleRight" ></div>
        </th:block>

        <!--热销排行   th:text="@{${data.name}}"-->                 
        <div class="fr_hot">
          <h1>热销排行榜</h1>
          <th:block th:each="dataAll : ${TopicEachModuleGoods}">
          <ul th:if="${dataAll.key == 'bb'}">
           <li th:each="data : ${dataAll.value}" th:if="${dataStat.index == 0}">
              <h2 style="display:none;" th:inline="text">
                <span class="arrow num_1"></span>
                 [[${data.name}]]
              </h2>
              <ul class="hot_con" style="display:block;">
                <li class="hot_img">
                  <a th:href="@{'/goods/'+${data.id}}"  th:title="${data.name}"  target="_blank">
                     <img  th:src="@{${contextPath} + ${data.longGoodsPic}}" alt="" th:title="${data.name}"/>
                  </a>
                  <em class="arrow">1</em>
                </li>
                <li class="hot_info">
                  <p class="name"><a href="" target="_blank" th:title="${data.name}" th:href="@{'/goods/'+${data.id}}"  th:text="${data.name}">女青年白色时尚休闲圆领显</a></p>
                  <p><em class="new_price" th:inline="text"><span class="arrow">￥</span>[[${data.showPrice}]]</em></p>
                  <p><del class="old_price" th:inline="text"><span class="arrow">￥</span>[[${data.marketPrice}]]</del></p>
                  <p class="sales">已售出<span class="red"  th:text="${data.virtualSales}">3001</span>笔</p>
                </li>
              </ul>
            </li>

            <li th:each="data : ${dataAll.value}" th:if="${dataStat.index != 0}">
              <h2  th:inline="text">
                <span th:class="${'arrow num_'+ (dataStat.count)}"></span>
                 [[${data.name}]]
              </h2>          
              <ul class="hot_con">
                <li class="hot_img">
                  <a href=""  th:href="@{'/goods/'+${data.id}}"  th:title="${data.name}" target="_blank"><img src="images/12.jpg"  th:src="@{${contextPath} + ${data.longGoodsPic}}" alt="" title=""/></a>
                  <em class="arrow" th:text="${dataStat.count}">1</em>
                </li>
                <li class="hot_info">
                  <p class="name"><a href=""  th:href="@{'/goods/'+${data.id}}"  target="_blank" th:title="${data.name}" th:text="${data.name}">女青年白色时尚休闲圆领显</a></p>
                  <p><em class="new_price" th:inline="text"><span class="arrow">￥</span>[[${data.showPrice}]]</em></p>
                  <p><del class="old_price" th:inline="text"><span class="arrow">￥</span>[[${data.marketPrice}]]</del></p>
                  <p class="sales">已售出<span class="red" th:text="${data.virtualSales}">3001</span>笔</p>
                </li>
              </ul>
            </li>
          </ul>
          </th:block>
        </div>
      </div>
  
    </div>
    <!--女装商品列表-->

  <th:block th:each="dataAll : ${TopicEachModuleGoodsBrand}">
    <ul>            
     <li class="hstyle_boxs" th:each="data : ${dataAll.value}" th:if="${dataAll.key == 'goodslist_hstyle'}">
        <a href="" th:href="@{'/goods/'+${data.id}}"  alt="" title="" th:title="${data.name}" target="_blank">
          <img th:src="@{${contextPath} + ${data.longGoodsPic}}" width="230" height="329" class="lazy" alt="" th:title="${data.name}" title=""/>
          <div class="hot"></div>
        </a>
        <ul>
          <li class="name">
            <a href="" th:href="@{'/goods/'+${data.id}}"  target="_blank" th:title="${data.name}" th:text="${data.name}">女装两色修身显</a>
          </li>
          <li class="price">
            <span class="arrow">￥</span>
            <span class="new_price" th:text="${data.showPrice}">268.00</span>
            <del class="old_price" th:text="${'￥'+data.marketPrice}">￥268.00</del>
          </li>
        </ul>
       </li>
    </ul>
  </th:block>
</div>
  
  <!--男装专区-->
  <div class="floor" id="floor2">
    <h1>
      <!--关键字-->
      <div class="keyWord fr">
      <th:block th:each="data : ${allAds}">
        <a target="_blank" href="" th:each="subdata : ${data.value}" th:if="${data.key=='hstyle_keywords'}" th:href="@{${subdata.advertiseLink}}" th:utext="@{${subdata.advertiseName}}"></a>
      </th:block>	
      </div>
    </h1>
    <!--专区内容-->
    <div class="floor_con">
      <div class="nav_bar">
      <!--左侧广告-->
        <th:block  th:with="moduleName='AMH_AdPositionId'">     
         <div class="s_img" th:replace="index/brandModule :: brandModuleLeft" ></div>
        </th:block>
        
        <!--热门分类-->
        <div class="s_cate">
          <!--分类1-->
          <div class="s_cate1">
            <a href="category-255-b0.html" target="_blank">羽绒服</a>
            <a href="category-240-b0.html" target="_blank">棉服</a>
            <a href="category-242-b0.html" target="_blank">针织衫</a>
            <a href="category-241-b0.html" target="_blank">小西装</a>
            <a href="category-246-b0.html" target="_blank">衬衫</a>
            <a href="category-245-b0.html" target="_blank">毛衣</a>
            <a href="category-244-b0.html" target="_blank">牛仔裤</a>
            <a href="category-243-b0.html" target="_blank">休闲裤</a>
            <a href="category-57-b0.html" target="_blank">连衣裙</a>
          </div>
          <!--分类2-->
          <div class="s_cate2">
            <p>
              <span class="arrow">【活动】</span>
              <a href="" target="_blank">韩风春装全场包邮</a>
            </p>
            <p>
             <span class="arrow">【活动】</span>
             <a href="" target="_blank">韩风春装全场包邮</a>
            </p>
          </div>
        </div>
      </div>
      <!--左侧广告图-->
      <th:block  th:with="moduleName='AMH_AdPositionId', class4='sad4 lazy' , class5='sad5 lazy', class9='sad9 lazy', width1='790' , width2='200' ,width3='200' , height1='423', height2='253', height3='160'">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleRightDifferent" ></div>
      </th:block>
        
    <!--   <div class="R fl">
        <div class="fl_img">
           <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==1}">            
                  <img data-original="images/13.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad4 lazy" width="790" height="423" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
             </th:block> 
           </th:block>  
        </div>
        <div class="fr_img">
          <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==2}">            
                  <img data-original="images/14.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad5 lazy" width="200" height="253" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==3}">            
                  <img data-original="images/17.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad9 lazy" width="200" height="160" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
             </th:block> 
          </th:block>
        </div>
      </div> -->
    </div>
    <!--男装商品列表-->
    <th:block th:each="dataAll : ${TopicEachModuleGoodsBrand}">
    <ul>            
     <li class="amh_boxs" th:each="data : ${dataAll.value}" th:if="${dataAll.key == 'goodslist_amh'}">
        <a href="goods-1014324.html" th:href="@{'/goods/'+${data.id}}"  alt=""  th:title="${data.name}" target="_blank">
          <img  th:src="@{${contextPath} + ${data.longGoodsPic}}"  width="230" height="329" class="lazy" alt="" th:title="${data.name}" src=""/>
        </a>
        <ul>
          <li class="name">
            <a href="goods-1014324.html" th:href="@{'/goods/'+${data.id}}"  target="_blank" th:title="${data.name}" th:text="${data.name}">男 青年蓝色时尚休闲韩版修身纯色</a>
          </li>
          <li class="price">
            <span class="new_price" th:inline="text"><span class="arrow">￥</span>[[${data.showPrice}]]</span>
          </li>
        </ul>
      </li>
    </ul>
   </th:block>
  </div>

  <!--广告 banner-->
<th:block th:each="data : ${allAds}">
  <a th:each="subdata : ${data.value}" th:if="${data.key=='leisi_xuefang'}" th:href="@{${subdata.advertiseLink}}" target="_blank" class="gg_banner" href="" th:title="${subdata.advertiseName}">
    <img th:title="${subdata.advertiseName}" alt="" src="images/42.jpg" th:src="@{${subdata.advertiseImageUrl}}" /><!-- th:src="@{${subdata.advertiseImageUrl}}" -->
  </a>
</th:block> 


  <!--sonned专区-->
  <div class="floor" id="floor3">
    <h1>
      <!--关键字-->
      <div class="keyWord fr">
      <th:block th:each="data : ${allAds}">
        <a target="_blank" href="" th:each="subdata : ${data.value}" th:if="${data.key=='hstyle_keywords'}" th:href="@{${subdata.advertiseLink}}" th:utext="@{${subdata.advertiseName}}"></a>
      </th:block>	
      </div>
    </h1>
    <!--专区内容-->
    <div class="floor_con">
      <div class="nav_bar">
      <!--左侧广告-->
        <th:block  th:with="moduleName=SONNED_AdPositionId">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleLeft" ></div>
        </th:block>
        
        <!--热门分类-->
        <div class="s_cate">
          <!--分类1-->
          <div class="s_cate1">
            <a href="" title="" target="_blank">T恤</a>
            <a href="" title="" target="_blank">雪纺衫</a>
            <a href="" title="" target="_blank">衬衫</a>
            <a href="" title="" target="_blank">连衣裙</a>
            <a href="" title="" target="_blank">休闲裤</a>
            <a href="" title="" target="_blank">半身裙</a>
            <a href="" title="" target="_blank">裤装</a>
            <a href="l" title="" target="_blank">上装</a>
            <a href="" title="" target="_blank">短裤</a>
          </div>
          <!--分类或活动2-->
          <div class="s_cate2">
            <p>
              <span class="arrow">【活动】</span>
              <a href="" target="_blank">礼遇美丽人生</a>
            </p>
            <p>
              <span class="arrow">【活动】</span>
              <a href="" target="_blank">韩风OL新品</a>
            </p>
          </div>
        </div>
      </div>
      <!--左侧广告图-->
      <th:block  th:with="moduleName=SONNED_AdPositionId,class4='sad4 lazy' , class5='sad6 lazy', class9='sad7 lazy', width1='790' , width2='200' ,width3='200' , height1='423', height2='293', height3='130'">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleRightDifferent" ></div>
      </th:block>
     <!--  <div class="R fl">
        <div class="fl_img">
         <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==1}">            
                  <img data-original="images/18.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad4 lazy" width="790" height="423" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
             </th:block> 
          </th:block> 
        </div>
        <div class="fr_img">
          <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==2}">
                  <img data-original="images/19.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad6 lazy" width="200" height="293" alt="" th:title="@{${subdata.advertiseName}}"/>
                </a>
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==3}">
                  <img data-original="images/20.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad7 lazy" width="200" height="130" alt="" th:title="@{${subdata.advertiseName}}"/>
                </a>
             </th:block>
          </th:block>
        </div>
      </div> -->
    </div>
    <!--sonned商品列表-->
    <th:block th:each="dataAll : ${TopicEachModuleGoodsBrand}">
    <ul>            
     <li class="hstyle_boxs" th:each="data : ${dataAll.value}" th:if="${dataAll.key == 'goodslist_soneed'}">
        <a href=""  th:href="@{'/goods/'+${data.id}}"  alt="" title="" th:title="${data.name}" target="_blank">
          <img  th:src="@{${contextPath} + ${data.longGoodsPic}}"  width="230" height="329" class="lazy" alt="" title="" th:title="${data.name}" src=""/>
        </a>
        <ul>
          <li class="name">
            <a href="goods-1014296.html"  th:href="@{'/goods/'+${data.id}}"  target="_blank" title="" th:title="${data.name}" th:text="${data.name}">女士花色韩版时尚吊带露</a>
          </li>
          <li class="price">
            <span class="arrow">￥</span>
            <span class="new_price" th:text="${data.showPrice}">268.00</span>
            <del class="old_price" th:text="${'￥'+data.marketPrice}">￥378.00</del>
          </li>
        </ul>
      </li>
    </ul>
    </th:block>
  </div>
  
    
  <!--素缕专区-->
  <div class="floor" id="floor4">
    <h1>
      <!--关键字-->
      <div class="keyWord fr">
      <th:block th:each="data : ${allAds}">
        <a target="_blank" href="" th:each="subdata : ${data.value}" th:if="${data.key=='hstyle_keywords'}" th:href="@{${subdata.advertiseLink}}" th:utext="@{${subdata.advertiseName}}"></a>
      </th:block>	
      </div>
    </h1>
    <!--专区内容-->
    <div class="floor_con">
      <div class="nav_bar">
        <!--左侧广告-->
        <th:block  th:with="moduleName=SULV_AdPositionId">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleLeft" ></div>
        </th:block>
        
        <!--热门分类-->
        <div class="s_cate">

          <!--分类1-->
          <div class="s_cate1">
            <a href="" target="_blank">T恤</a>
            <a href="" target="_blank">衬衫</a>
            <a href="" target="_blank">连衣裙</a>
            <a href="" target="_blank">休闲裤</a>
            <a href="" target="_blank">半身裙</a>
            <a href="" target="_blank">背心/吊带</a>
          </div>

          <!--分类2-->
          <div class="s_cate2">
            <p><span class="arrow">【活动】</span><a href="topic-417.html" target="_blank">东方复古原创设计</a></p>
            <p><span class="arrow">【活动】</span><a href="topic-641.html" target="_blank">春天相遇原创设计</a></p>
          </div>
        </div>
      </div>
      <!--左侧广告图-->
      <th:block  th:with="moduleName=SULV_AdPositionId,class4='sad4 lazy' , class5='sad11 lazy', class9='sad11 lazy', class11='sad11 lazy', width1='790' , width2='200' ,width3='200' ,width4='200', height1='423', height2='135', height3='135',height4='135' ">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleRightDifferent" ></div>
      </th:block>
   <!--    <div class="R fl">
        <div class="fl_img">
          <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==1}">            
                  <img data-original="images/21.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad4 lazy" width="790" height="423" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
             </th:block> 
          </th:block>
        </div>
        <div class="fr_img">
         <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==2}">            
                  <img data-original="images/29.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad11 lazy" width="200" height="135" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==3}">            
                  <img data-original="images/30.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad11 lazy" width="200" height="135" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==3}">            
                  <img data-original="images/29.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad11 lazy" width="200" height="135" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
             </th:block> 
          </th:block>
        </div>
      </div> -->
    </div>
    <!--素缕商品列表-->
    <th:block th:each="dataAll : ${TopicEachModuleGoodsBrand}">
    <ul>            
     <li class="hstyle_boxs" th:each="data : ${dataAll.value}" th:if="${dataAll.key == 'goodslist_sulv'}">
        <a href="" th:href="@{'/goods/'+${data.id}}"  alt="" title="" th:title="${data.name}" target="_blank">
          <img  th:src="@{${contextPath} + ${data.longGoodsPic}}" width="230" height="329" class="lazy" alt="" title="" th:title="${data.name}" src=""/>
        </a>
        <ul>
          <li class="name">
            <a href="goods-1014296.html" th:href="@{'/goods/'+${data.id}}"  target="_blank" title=""  th:title="${data.name}" th:text="${data.name}">女士花色韩版时尚吊带露</a>
          </li>
          <li class="price">
            <span class="arrow">￥</span>
            <span class="new_price" th:text="${data.showPrice}">268.00</span>
            <del class="old_price" th:text="${'￥'+data.marketPrice}">￥378.00</del>
          </li>
        </ul>
      </li>
    </ul>
    </th:block>
  </div>
  
<!--广告 banner-->  
<th:block th:each="data : ${allAds}">
  <a th:each="subdata : ${data.value}" th:if="${data.key=='cellphone'}" th:href="@{${subdata.advertiseLink}}" target="_blank" class="gg_banner" href="" th:title="${subdata.advertiseName}">
    <img th:title="${subdata.advertiseName}" alt="" src="images/42.jpg" th:src="@{${subdata.advertiseImageUrl}}"/><!-- th:src="@{${subdata.advertiseImageUrl}}" -->
  </a>
</th:block> 
  
  <!--童装专区-->
  <div class="floor" id="floor5">
    <h1>
      <!--关键字-->
      <div class="keyWord fr">
      <th:block th:each="data : ${allAds}">
        <a target="_blank" href="" th:each="subdata : ${data.value}" th:if="${data.key=='hstyle_keywords'}" th:href="@{${subdata.advertiseLink}}" th:utext="@{${subdata.advertiseName}}"></a>
      </th:block>	
      </div>
    </h1>
    <!--专区内容-->
    <div class="floor_con">
      <div class="nav_bar">
        <!--左侧广告-->
        <th:block  th:with="moduleName=MINIZARU_AdPositionId">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleLeft" ></div>
        </th:block>
        <!--专区热门分类-->
        <div class="s_cate">

          <!--分类1-->
          <div class="s_cate1">
            <a href="category-206-b0.html" target="_blank">T恤</a>
            <a href="category-227-b0.html" target="_blank">衬衫</a>
            <a href="category-210-b0.html" target="_blank">套装</a>
            <a href="category-211-b0.html" target="_blank">连衣裙</a>
            <a href="category-213-b0.html" target="_blank">打底裤</a>
            <a href="category-215-b0.html" target="_blank">半身裙</a>
            <a href="category-219-b0.html" target="_blank">短裤</a>
          </div>

          <!--分类2-->
          <div class="s_cate2">
            <p>
              <span class="arrow">【活动】</span>
              <a href="" target="_blank">童装-周年庆夏新</a>
            </p>
            <p>
              <span class="arrow">【活动】</span>
              <a href="" target="_blank">2014童装上新季</a>
            </p>
          </div>

        </div>
      </div>
      <!--左侧广告图-->
      <th:block  th:with="moduleName=MINIZARU_AdPositionId,class4='sad4 lazy' , class5='sad8 lazy', class9='sad8 lazy', width1='790' , width2='200' ,width3='200' , height1='423', height2='206', height3='206'">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleRightDifferent" ></div>
      </th:block>
   <!--    <div class="R fl">
        <div class="fl_img">
          <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==1}">            
                  <img data-original="images/24.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad4 lazy" width="790" height="423" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
             </th:block> 
          </th:block> 
        </div>
        <div class="fr_img"> 
         <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==2}">
                  <img data-original="images/31.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad8 lazy" width="200" height="206" alt="" th:title="@{${subdata.advertiseName}}"/>
                </a>
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==3}">
                  <img data-original="images/32.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad8 lazy" width="200" height="206" alt="" th:title="@{${subdata.advertiseName}}"/>
                </a>
             </th:block>
          </th:block>
        </div>
      </div> -->
    </div>
    <!--童装商品列表-->
   <th:block th:each="dataAll : ${TopicEachModuleGoodsBrand}">
    <ul>            
     <li class="hstyle_boxs" th:each="data : ${dataAll.value}" th:if="${dataAll.key == 'goodslist_minizaru'}">
        <a href="" th:href="@{'/goods/'+${data.id}}"  alt="" title="" th:title="${data.name}"  target="_blank">
          <img  th:src="@{${contextPath} + ${data.longGoodsPic}}"  width="230" height="329" class="lazy" alt="" title="" th:title="${data.name}"  src=""/>
        </a>
        <ul>
          <li class="name">
            <a href="goods-1014296.html" th:href="@{'/goods/'+${data.id}}"  target="_blank" title="" th:title="${data.name}" th:text="${data.name}">女士花色韩版时尚吊带露</a>
          </li>
          <li class="price">
            <span class="arrow">￥</span>
            <span class="new_price" th:text="${data.showPrice}">268.00</span>
            <del class="old_price" th:text="${'￥'+data.marketPrice}">￥378.00</del>
          </li>
        </ul>
      </li>
    </ul>
   </th:block>
  </div>
  <!--nibbuns专区-->
  <div class="floor" id="floor7">
    <h1>
      <!--关键字-->
      <div class="keyWord fr">
      <th:block th:each="data : ${allAds}">
        <a target="_blank" href="" th:each="subdata : ${data.value}" th:if="${data.key=='hstyle_keywords'}" th:href="@{${subdata.advertiseLink}}" th:utext="@{${subdata.advertiseName}}"></a>
      </th:block>	
      </div>
    </h1>
    <!--专区内容-->
    <div class="floor_con">
      <div class="nav_bar">
        <!--左侧广告-->
        <th:block  th:with="moduleName=NIBBUNS_AdPositionId">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleLeft" ></div>
        </th:block>
        <!--专区热门分类-->
        <div class="s_cate">
          <!--分类1-->
          <div class="s_cate1">
            <a href="" target="_blank">衬衫</a>
            <a href="" target="_blank">连衣裙</a>
            <a href="" target="_blank">半身裙</a>
            <a href="" target="_blank">短裤</a>
            <a href="" target="_blank">长裤</a>
            <a href="" target="_blank">T恤</a>
            <a href="" target="_blank">雪纺衫|蕾丝衫</a>
            <a href="" target="_blank">裙装</a>
           
          </div>
          <!--分类2-->
          <div class="s_cate2">
            <p>
              <span class="arrow">【活动】</span>
              <a href="" target="_blank">尼班诗-欧美快时尚</a>
            </p>
          </div>
        </div>
      </div>
      <!--中间广告栏-->
      <th:block  th:with="moduleName=NIBBUNS_AdPositionId, class4='sad4 lazy' , class5='sad12 lazy', width1='790' , width2='200' , height1='423', height2='423'">     
          <div class="s_img" th:replace="index/brandModule :: brandModuleRightDifferent" ></div>
      </th:block>
     <!--  <div class="R fl">
        <div class="fl_img">
         <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==1}">            
                  <img data-original="images/45.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad4 lazy" width="790" height="423" alt="" th:title="@{${subdata.advertiseName}}"/>                  
                </a>
             </th:block> 
          </th:block>  
        </div>
        <div class="fr_img">
         <th:block th:each="data : ${allAds}">        
             <th:block th:each="data2 : ${data.value}" th:if="${data.key}=='HSTYLE_AdPositionId'">
                <a href="" th:href="@{${subdata.advertiseLink}}" target="_blank" th:each="subdata : ${data2}" th:if="${data2Stat.index==2}">
                  <img data-original="images/46.jpg" th:src="@{${subdata.advertiseImageUrl}}" class="sad12 lazy" width="200" height="423" alt="" th:title="@{${subdata.advertiseName}}"/>
                </a>
             </th:block>
          </th:block>
        </div>
      </div> -->
    </div>
    <!--nibbuns列表  <span th:text="${#strings.substring(data.name,0,14)}"></span>-->
  <th:block th:each="dataAll : ${TopicEachModuleGoodsBrand}">
    <ul>            
     <li class="hstyle_boxs" th:each="data : ${dataAll.value}" th:if="${dataAll.key == 'goodslist_nibbuns'}">
        <a href="" th:href="@{'/goods/'+${data.id}}" alt="" title=""  th:title="${data.name}" target="_blank">
          <img  th:src="@{${contextPath} + ${data.longGoodsPic}}" width="230" height="329" class="lazy" alt="" title=""  th:title="${data.name}" src=""/>
        </a>
        <ul>
          <li class="name">
            <a href="goods-1014296.html" th:href="@{'/goods/'+${data.id}}"  target="_blank" title=""  th:title="${data.name}" th:text="${data.name}">女士花色韩版时尚吊带露</a>
          </li>
          <li class="price">
            <span class="arrow">￥</span>
            <span class="new_price" th:text="${data.showPrice}">268.00</span>
            <del class="old_price" th:text="${'￥'+data.marketPrice}">￥378.00</del>
           
          </li>
        </ul>
        
      </li>
    </ul>
  </th:block>
  </div>
  
<!--广告 banner-->
<th:block th:each="data : ${allAds}">
  <a th:each="subdata : ${data.value}" th:if="${data.key=='leisi_xuefang'}" th:href="@{${subdata.advertiseLink}}" target="_blank" class="gg_banner" href="" th:title="@{${subdata.advertiseName}}">
    <img th:title="@{${subdata.advertiseName}}" alt="" src="images/47.jpg" th:src="@{${subdata.advertiseImageUrl}}" /><!-- th:src="@{${subdata.advertiseImageUrl}}" -->
  </a>
</th:block> 
    
  <!--资讯-->
  <div class="CRM_floor">
    <div class="CRM_hd">
      <a href="http://www.handu.com/news/" target="_blank"><h2>韩都资讯</h2></a>
      <a class="mL" href="/news/" target="_blank">更多&gt;</a>
    </div>

    <div class="zxlightbox fl">
      <ul class="zxlightbox_content">
        <li style="display: block;">
          <a href="" title="" class="list_pic" target="_blank">
            <img src="http://s.handu.com/data/afficheimg/1398395711489034672.jpg" alt="" title=""/>
          </a>
          <p title=""><span class="zxtitle">【韩都公益】无穷花开</span></p>
        </li>
        <li>
          <a href="" title="" class="list_pic" target="_blank">
            <img src="http://s.handu.com/data/afficheimg/1392627459056570212.jpg" alt="" title=""/>
          </a>
          <p title=""><span class="zxtitle">韩都大事件</span></p>
        </li>
        <li>
          <a href="" title="" class="list_pic" target="_blank">
            <img src="http://s.handu.com/data/afficheimg/1395885464259443306.jpg" alt="" title=""/>
          </a>
          <p title=""><span class="zxtitle">票选心中的完美女神</span></p>
        </li>
      </ul>
      <ul class="zxlightbox_nav">
        <li class="current"></li>
        <li></li>
        <li></li>  
      </ul>
    </div>
  
    <div class="handu_newsList">
      <h3></h3>
      <ul class="fashion">
        <li>
          <h4>
            <a href="" target="_blank">浪漫夏季女装凉鞋尽情优雅</a>
          </h4>
          <p>夏季是适合尽情争妍斗艳的季节，不管是上衣还是下装的，亦或者凉鞋的款式都在尽情展示着自己的风采，缤纷夏季女装凉鞋会给你怎样的浪漫温馨且充满暖意的时尚呢？2014年新款女装凉鞋，一起来盘点一下。</p>
        </li>
        <li>
          <h4>
            <a href="" target="_blank">红色凉鞋的鲜丽人生</a>
          </h4>
          <p>女士凉鞋越来越炫丽，各种色彩争妍斗艳，呈现出一片色彩缤纷,款式与材质的搭配更是别出心裁,性感、复古兼而有之,充满女性韵味,甜美得叫人爱不释手。但是总有一款颜色轻松出众，红色凉鞋的魅力是不可可少的，红色凉鞋，能让你比初阳光更明媚、比美丽的鲜花更吸引。</p>
        </li>
         <a target="_blank" href="http://www.handu.com/news/">
         <img src="http://s.handu.com/data/afficheimg/1392095602947317240.jpg" title="会员系统全面升级" target="_blank" class="inset"/>
        </a>
      </ul>

      <ul class="list_r">
        <li><a target="_blank" href="" title="">裙子连衣裙美搭推荐</a></li>
        <li><a target="_blank" href="" title="">运动休闲裤配什么上衣</a></li>
      </ul>
    </div>

    <div class="crm_module">
      <div class="dy">
        <form id="form_dy" method="post" action="">
          <input type="text" name="email" value="" />
          <button type="submit" onclick=""></button>
        </form>
      </div>
      <div id="subscription-prompt">订阅成功</div>
    </div>
  </div>
  <!--资讯 end-->

  
</div>
<script th:inline="javascript">
	/*<![CDATA[*/
	           
$(function() {
  /**泰山压顶**/
  $('.seven').delay(2000).animate({'height':75},800,
    function(){
      $('.seven').css({'background':'url(http://s.handuyishe.com/themes/handuyishe/images/img/index_btop.jpg) no-repeat top center'});
  });
  /**手机端效果**/
  $("#app_banner>ul li").each(function(index,item){
    $(this).hover(function(){
      $(this).find("img").show();
    },function(){
      $(this).find("img").hide();
    });
  });
  /*文本框事件*/
  var obj = $(".input_notice .txt");
  search_txt(obj);
  /*cate_dtl 分类明细事件*/
  $("#lb_index .tab .item").each(function(){
    $(this).hover(function(){
      $("#lb_index .tab .item .cate_dtl").hide();
      $(this).find(".cate_dtl").show();
      $(this).find(".cate_dtl").animate({"left":"190px"},200);
    },function(){
      $(this).find(".cate_dtl").animate({"left":"180px"},200);
      $(this).find(".cate_dtl").hide();
    });
  });
});
/**每日促销 scroll**/
var mar_left = Number($(".brand_collect .eday_sale_con").css("margin-left").split("px")[0]);
function eday_s(index){
  var len = $(".brand_collect .eday_sale_con>li").length;
  var lw = $(".brand_collect .eday_sale_con>li").eq(0).width();
  var move_lt = mar_left-(Number(index)*lw);
  $(".brand_collect .eday_sale_con").animate({"margin-left":move_lt+"px"},250,function(){
    if(index=="+1"){
      var $li = $(".brand_collect .eday_sale_con>li").eq(0);
      $(".brand_collect .eday_sale_con").append($li);
    }else{
      var $li = $(".brand_collect .eday_sale_con>li").eq(len-1);
      $(".brand_collect .eday_sale_con").prepend($li);
    }
    $(".brand_collect .eday_sale_con").css({"margin-left":mar_left+"px"});
  });
}
/**新品上市**/
$("#new_arrial .tab_brand>li").each(function(index,item){
  $(this).click(function(){
     $(this).addClass("hover").siblings().removeClass("hover");
     $("#new_arrial>ul").eq(index).show().siblings("ul").hide();
  });
});


/**热销排行**/
$("#floor1 .R .fr_hot>ul>li").each(function(index,item){
  $(this).hover(function(){
    $(this).find(".hot_con").show();
    $(this).find("h2").hide();
    $(this).siblings().find(".hot_con").hide();
    $(this).siblings().find("h2").show();
  });
});


/*资讯轮播*/
$('.zxlightbox_nav').on('click','li',function(){
   var index = $(this).index();
  $(this).addClass('current').siblings().removeClass('current');
  $(this).parents('.zxlightbox').find('.zxlightbox_content>li').eq(index).fadeIn().siblings().fadeOut();
});
/*加载视频*/
function addmov(){
  var $emb = "<embed src='http://vodcdn.video.taobao.com/player/ugc/tb_ugc_pieces_core_player_loader.swf?version=1.0.20140324&vid=11650452&uid=263817957&p=1&t=1&rid=&random=6666' height='411' width='670'>";
  $(".mov").empty();
  $(".mov").append($emb);
}
function closeDt(){
  $(".dt").hide();
}

/*尾部悬浮窗*/
$(function(){
  flt(".net_trafic",450);
});
/*尾部悬浮窗 end*/

	/*]]>*/
</script>

<div th:replace="layout :: public_footer"></div>

</body>
</html>
 